.page-user-relate {
    // height: 100vh;
    // background: #F1F1F1;
    padding-bottom: 100PX;
    .at-tabs__item{
        color: #999;
        background-color: #fff;
        .at-tabs__item-underline{
            background-color:#fff;
        }
    }
    .at-tabs__item--active{
        color:#1A1A1A;
    }
    .c0 {
        padding: 10PX;
        padding-bottom: 0;
    }

    .list-item-box {
        padding: 10PX;
        border-radius: 6PX;
        background: #fff;
        box-shadow: 0 4px 30px 0 rgba(223, 225, 230, 0.5);
    }

    .relate-confirm-user {

        .confirm-user-c0 {
            .user-name {
                margin-right: 3PX;
                font-size: 14PX;
                font-weight: bold;
                color: #1A1A1A;
            }

            .user-level {
                padding: 2PX;
                border-radius: 2PX;
                background: linear-gradient(180deg, rgba(251, 173, 0, 1) 0%, rgba(255, 127, 44, 1) 100%);
            }

            .user-level-name {
                font-size: 12PX;
                color: #1A1A1A;
            }

            .user-date {
                text-align: right;
                font-size: 12PX;
                color: #999;
            }
        }
    }
}

.level-title {
    height: 38PX;
    color:#1A1A1A;
    background-color: #F1F1F1;
    padding:0 15PX;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.level-title .fk-title{
    font-size: 12PX;
}
.level-item {

    background-color: #fff;
    padding:0 15PX 18PX 15PX;
    font-size: 14PX;
    color: #333;
    .item-title {
        height: 40PX;
        line-height: 40PX;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .go-icon{
            width: 12PX;
            height: 12PX;
        }

    }

    .bonus-num{
        line-height: 20PX;
        margin-bottom: 4PX;
    }
    .item-progress {
        display: flex;
        height: 16PX;
        align-content: center;
        margin-bottom: 6PX;
        .progress{
            height: 16PX;
            flex: 1;
            display: flex;
            .p-item{
                position: relative;

                Image{
                    width: 86.61PX;
                    height: 16PX;
                }
                .txt{
                    position: absolute;
                    top:0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    text-align: center;
                    line-height: 16PX;
                    color:#fff;
                    font-size: 10PX;
                }
            }
        }
    }
    .item-time {
        color: #999;
        font-size: 12PX; 
    }
}

.non-pay-list {
    .non-pay-item {
        font-size: 16PX;
        border-bottom: 1px solid #F1F1F1;
        background-color: #fff;
        padding:0 15PX 10PX 15PX;
        .non-pay-title {
            height: 39PX;
            line-height: 39PX;
            font-weight: bold;
            color: #333;
        }
        .non-pay-des {
            color: #666;
            line-height: 22PX;
        }
        .pay-btn {
            font-size: 15PX;
            height: 28PX;
            border:1PX solid #17A8E6;
            border-radius: 50PX;
            font-weight: 500;
            padding:0 6PX;
            text-align: center;
            line-height: 28PX;
            color: #17A8E6;

        }

    }
}
.tab {
    font-size: 10PX;
    color:#DF3D09;
    margin-left: 14PX;
 }
 .sc-tit{
    height: 47PX;
    line-height: 47PX;
    padding:0 15PX;
    font-size: 14PX;
    color: #1A1A1A;
 }
 .yhk-item{
     height: 47PX;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding:0 15PX;
     font-size: 15PX;
     color:#1A1A1A;
     position: relative;
     .title{
        display: flex;
     }
     .title::before{
        display: inline-block;
        margin-right: 8rpx;
        color: #FF4949;
        font-size: 28rpx;
        font-family: SimSun, sans-serif;
        line-height: 1;
        content: "*";
     }
 }
 .yhk-item::after{
     content:'';
     position: absolute;
     left:15PX;
     right: 0;
     bottom:0;
     background-color:#F1F1F1;
     height: 1px ;
 }
 .submitBtn {
    padding:50PX 15PX 0 15PX;
 }

 .user-list{
    display: flex;
    height: 60PX;
    background-color: #fff;
    padding:9PX 10PX 8PX 15PX; 
    justify-content: space-between;
    border-bottom:1px solid #F1F1F1;
    .nickName{
        font-size: 16PX;
        color: #1A1A1A;
        margin-left: 8PX;
        font-weight: 600;
        padding-top: 3PX;
        margin-bottom: 4PX;
    }
    .user-info{
        display: flex;
        align-items: center;
    }
    .user-right{
        padding-top:10PX;
        line-height: 20PX;
        color: #999;
        font-size: 14PX;
        text-align: right;
    }
    .des{
        font-size: 14PX;
        
        image{
            width:14PX;
            height: 14PX;
            margin-left: 8PX;
            margin-right: 3PX;
        }
    }
 }
.inviteWrap{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.16);
    padding:0 15PX;
    min-height: 86PX;
    padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
    padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
    .title{
        height: 26PX;
        color: #999;
        line-height: 26PX;
        font-size: 14PX;
        text-align: center;
    }
    .user-info{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .nickName{
        margin-left: 8PX;
        font-size: 16PX;
        color: #1A1A1A;
    }
}
.fx-order-list{
    padding:0 15PX;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1PX solid #F1F1F1;
    min-height: 46PX;
    .left{
        font-size: 16PX;
        color: #1A1A1A; 
    }
    .right{
        font-size: 12PX;
        color: #999;
        
    }
    .red-font{
        color: #DF1616;
    }
}